<template>
  <input class="ipt" :value="value" @input="handlerinput" />
  <!-- @input="handlerinput 实现文本框的数据影响数据 -->
  <!-- <input class="ipt" :valuep="valuep" @input="handlerinput" /> -->
</template>

<script>
export default {
  props: ["value"],
  methods: {
    //子传父
    //框值
    handlerinput(e) {
      this.$emit("input", e.target.value);
    },
  },
};
</script>

<style lang="less" scoped>
.ipt {
  width: 90%;
  height: 40px;
  font-size: 20px;
  color: #888;
  outline: none;
  border: none;
  border-bottom: 2px solid #666;
  display: block;
  // margin-top: 20px;
  margin: 25px auto;
}
</style>
